@charset "utf-8";
/* CSS Document */

.center{ margin:0 auto; max-width:1680px; width:90%;}
.list_p>.center{background-color:#fff; padding:45px 40px 0;}
.list>.center{background-color:#fff; padding:45px 40px 0;}
.navcenter{ margin:0 auto; max-width:1680px; width:90%;}
.logo_wap{ margin:0 auto;}
.logo_wap992{ margin:0 auto;}
.swiper-container{margin:0 auto;}
.drwp .tab_wap{ display:none; float:right; margin-top:-18px;}
.pc{ display:block;}
.wap{ display:none;}
	.p_pro .tit .right {
	
	display:block!important;
}
.p_pro .tit .right2 {
	display:none!important;}
/* 手机 */ 
@media screen and (max-width: 767px) { 
	.modal-content{ margin:40% auto!important; overflow:hidden; width:80%!important;}
	.show1 .box{ margin:40% auto!important; overflow:hidden; width:80%!important;}
	.modal-content iframe{ border:none; height:auto!important;}
	.show1 iframe{ border:none; height:auto!important;}
	.p_pro .cen2 img{
	width:calc(100%/2 - 2.5px);
	margin-right:5px;
	}
	.p_pro .cen2 img:nth-child(even){
	margin-right:0;
	}
	.swiper-button-prev1{ display:none;}
	.swiper-button-next1{ display:none;}
	.news .center .content .tit h1{
	font-size:22px!important;
	line-height:1.1;
	}
	.news .center .content .tit h1 span{
	font-size:14px!important;
	color:#c0c0c0!important;
	}
	.news .center .content .txt h1{
		font-size:22px;
		}
	.news .center .content .tit a{ margin-top:10px;}
	.list .center .content .tit h1{font-size:22px;}
	.list .center .content .tit span{font-size:14px;}
	.list .center .content .tit a{font-size:14px; width:110px; margin-top:10px;}
	.list_p .p .txt{ width:100%;}
	.list_p>.center{ padding:40px 20px;}
	.list>.center{ padding:20px;}
	form{ width:100%;}
	.qiehuan{ height:60px!important; line-height:60px; opacity:1!important;}
	.toggle{ height:70px; width:70px; line-height:60px;}
	.header .top{ padding:10px 0!important;}
	.material-icons{ font-size:34px;}
	.logo_wap{ display: block; text-align:center; height:40px;}
	.logo_wap img{ height:36px;}
	.header .top .phone{ display:block; top:18px; height:24px; width:24px;}
	
	.list .title{left: calc(10% - 20px); width: calc(80% + 40px); top:40px;}
	
	.drwp .product_in .content li .txt p{ float:none; width:100%;}
	.drwp .product_in .content li .txt span{ float:none; width:100%;}
	.drwp .product_in .content li .txt i{ display:none; width:32px; height:32px; line-height:34px; margin-top:-12px;}
	.pro .center.content li .txt p{ float:none; width:100%;}
	.pro .center .content li .txt span{ float:none; width:100%;}
	.pro .center .content li .txt i{ display:none; width:32px; height:32px; line-height:34px; margin-top:-12px;}
	
	.sw2{ margin:60px auto 0;}
	.drwp .product_in .content li>a{ width:calc(100%/2 - 12px); margin-right:20px; margin-bottom:40px;}
	.drwp .product_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .product_in .content li>a:nth-child(odd){ margin-right:20px;}
	.title h1{ font-size:22px; line-height:30px;}
	.title span{ font-size:10px; margin-top:5px;}
	.drwp .product_in .head{margin-top: 40px; margin-bottom:20px; padding-bottom: 10px;}
	.drwp .about_in{padding-top: 60px; border-bottom:1px solid #ccc;}
	.drwp .case_in .content li>a{ width:calc(100%/2 - 27px); margin-right:10px; margin-bottom:40px;}
	.drwp .case_in .content li>a .img{ height:auto;}
	.drwp .case_in .content li>a .img img{ width:100%;}
	.drwp .case_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .case_in .content li>a:nth-child(odd){ margin-right:10px;}
	.drwp .case_in .head{ padding-top:40px; margin-bottom:20px; padding-bottom: 10px;}
	
	.drwp .news_in .content li{ position:static; width:calc(100%/2 - 10px); margin-right:20px;}
	.drwp .news_in .content li:nth-child(even){ margin-right:0;}
	.drwp .news_in .content li:nth-child(odd){ margin-right:20px;}
	.drwp .news_in .content li:nth-child(1) h1,.drwp .news_in .content li:nth-child(1) p{
		opacity:1;
	}
	.drwp .news_in .content li img{ display:block;opacity:1; position:static; margin-bottom:20px;}
	.drwp .news_in .content li:nth-child(1) span{
	position:static;
	width:auto;
	font-weight:normal;
	text-align:left;
	}
	.drwp .news_in .content li a{ height:auto; background:none;}
	.drwp .news_in .head {
	padding-top:40px;
	margin-bottom: 5px;
    padding-bottom: 20px;
	}
	.drwp .news_in .content{ margin-bottom:40px;}
	.drwp .case_in .content li>a:nth-child(4){
	 display:block;
	 }
	.drwp .news_in .content li:nth-child(4){
	 display:block;
	 }
	 .drwp .partner_in .content li{
	width:calc(100%/3 - 2px);
	height:120px;}
	
	/*内页 */
	.nei_banner{ height: 300px;}
	.list .center .content{ margin-top:40px;}
	.case .center .content li{ width:calc(100%/2 - 32px)!important;}
	.list .center .content li{ width:calc(100%/2 - 12px); margin-right:20px;margin-bottom:40px;}

	.list .center .content li .img img{ width:100%;}
	.list .center .content li:nth-child(even){ margin-right:0;}
	.list .center .content li:nth-child(odd){ margin-right:20px;}
	.list{ padding:40px 0;}
	.list_p{ padding:40px 0;}
	.list_p .swiper-container{ margin-top:20px;}
	.list_p .gallery-thumbs{ margin-top:0;}
	.pro .bottom .content li{ padding:5%;}
	.news .content li .news_img{ float:none; width:100%;}
	.news .content li{ position:static; width:calc(100% - 2px)!important;}
	.news .content li:nth-child(1) h1,.news .content li:nth-child(1) p{
		opacity:1;
	}
	.news .content li:nth-child(1) span{
	position:static;
	width:auto;
	background-color:#fff;
	font-weight:normal;
	text-align:left;
	}
	
}     
@media screen and (max-width: 500px){
	.drwp .about_in{padding-top: 40px; border-bottom:1px solid #ccc;}
	.drwp .case_in .head{ padding-top:40px; margin-bottom:10px;}
	.list .center .content .tit h1{ float:none;}
	.list .center .content .tit a{ display:none;}
	.list .center .content .go{ display:block;} 
}

/* 平板 */
@media screen and (min-width: 768px) and (max-width: 992px) { 
	.modal-content iframe{ border:none; height:400px!important;}
	.show1 iframe{ border:none; height:400px!important;}
	.p_pro .cen2 img{
	width:calc(100%/2 - 2.5px);
	margin-right:5px;
	}
	.p_pro .cen2 img:nth-child(even){
	margin-right:0;
	}
	.news .center .content .tit h1{
	font-size:24px!important;
	}
	.news .center .content .tit h1 span{
	font-size:14px!important;
	color:#c0c0c0!important;
	}
	.news .center .content .tit a{ margin-top:10px;}
	.list>.center{padding: 80px 40px 0;}
	.list .center .content .tit h1{font-size:24px;}
	.list .center .content .tit span{font-size:14px;}
	.list .center .content .tit a{font-size:14px; width:120px; margin-top:10px;}
	.list .title{left: calc(10% - 40px); width: calc(80% + 80px);}
	.toggle{ height:80px; width:80px; line-height:80px;}
	.qiehuan .center a {margin: 20px 5px 0;}
	.material-icons{ font-size: 30px;}
	.logo_wap{ display: block; text-align:center; height:40px;}
	.logo_wap img{ height:40px;}
	.header .top .phone{ display:block; top:27.5px; height:25px; width:25px;}
	
	.sw2{ margin:80px auto 0;}
	.drwp .product_in .content li>a{ width:calc(100%/2 - 12px); margin-right:20px; margin-bottom:50px;}
	.drwp .product_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .product_in .content li>a:nth-child(odd){ margin-right:20px;}
	.title h1{ font-size:24px; line-height:24px;}
	.title span{ font-size:10px;}
	.drwp .product_in .head{margin-top: 50px; margin-bottom:30px; padding-bottom: 15px;}
	.drwp .case_in .content li>a{ width:calc(100%/2 - 32px); margin-right:20px;}
	.drwp .case_in .content li>a .img{ height:auto;}
	.drwp .case_in .content li>a .img img{ width:100%;}
	.drwp .case_in .content li>a:nth-child(even){ margin-right:0;}
	.drwp .case_in .content li>a:nth-child(odd){ margin-right:20px;}
	.drwp .case_in .content li>a:nth-child(4){
	 display:block;
	 }
	 .drwp .case_in .head {
	margin-bottom: 30px;
    padding-bottom: 15px;
	} 
	.drwp .news_in .content li{ position:static; width:calc(100%/2 - 30px); margin-right:60px;}
	.drwp .news_in .content li:nth-child(even){ margin-right:0;}
	.drwp .news_in .content li:nth-child(odd){ margin-right:60px;}
	.drwp .news_in .content li:nth-child(1) h1,.drwp .news_in .content li:nth-child(1) p{
		opacity:1;
	}
	.drwp .news_in .content li img{ display:block;opacity:1; position:static; margin-bottom:20px;}
	.drwp .news_in .content li:nth-child(1) span{
	position:static;
	width:auto;
	font-weight:normal;
	text-align:left;
	}
	.drwp .news_in .content li a{ height:auto; background:none;}
	.drwp .news_in .content li:nth-child(4){
	 display:block;
	 }
	 .drwp .news_in .head {
	padding-top:50px;
	margin-bottom: 10px;
    padding-bottom: 30px;
	}
	 .drwp .partner_in .content li{
	width:calc(100%/3 - 2px);
	height:220px;}
	
	/*内页 */
	.case .center .content li{ width:calc(100%/2 - 32px)!important; margin-right:20px;}
	
	.list .center .content li{ width:calc(100%/2 - 12px); margin-right:20px;}

	.list .center .content li .img img{ width:100%;}
	.list .center .content li:nth-child(even){ margin-right:0;}
	.list .center .content li:nth-child(odd){ margin-right:20px;}
	}


@media screen and (max-width: 992px){  
	.material-icons{ color:#124098;}
	.drwp .tab{ display:none;}
	.drwp .tab_wap{ display:block;}
	.drwp .about_in .bot{ margin-top:25px;}
	.drwp .about_in .bg{ display:none;}
	.drwp .about_in .xuan{ display:none;}
	
	.drwp .news_in .content li img{max-height: 200px;} 
	.footer .top .foot_nav{ display:none;}
	.footer .top .text{ width:100%; float:none;}
	.footer .top form{ display:none; width:100%; float:none; margin-left:0; margin-bottom:40px;}
	.footer	.top .head{ display:none; opacity:1;}
	.footer	.top .share{ display:none;}
	.footer	.top .share .qq{ display:none;}
	.footer	.top .share .qq_wap{ display:block;}
	.footer .top .right{ display:none;}
	.footer .top .left{ width:100%; float:none;}
	 .pc{ display:none;}
	 .wap{ display:block;}
	
	/*内页*/
	.pro .p .top{
		display:block;
		}
	.pro .p .top img{
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	.pro .p .top .right{
		float:none;
		margin:0;
		width:100%;
		}
	.news .content li{
		margin-bottom:20px!important;
		}
	.map .txt{
		display:none;
	}
	.map .map_img{
		display:none;
		}
	.map .left{
		display:block;
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	#container{
		float:none;
		width:100%;
		height:300px;
		}	
	.map{ margin-top:40px;}
}


@media screen and (min-width: 993px){
	.material-icons{ font-size: 34px; color:#124098;}
	.sidenav-link-icon .material-icons{ color:#124098;}
}


@media screen and (min-width: 993px) and (max-width: 1199px) { 
	.modal-content iframe{ border:none; height:450px!important;}
	.show1 iframe{ border:none; height:450px!important;}
	.p_pro .cen2 img{
	width:calc(100%/3 - 4px);
	margin-right:6px;
	}
	.p_pro .cen2 img:nth-child(3n+0){
	margin-right:0;
	}
	.p_pro .cen2 img:nth-child(4n+0){
	margin-right:6px;
	}
	.news .center .content .tit h1{
	font-size:24px!important;
	}
	.news .center .content .tit h1 span{
	font-size:14px!important;
	color:#c0c0c0!important;
	}
	.news .center .content .tit a{ margin-top:10px;}
	.list>.center{padding: 80px 40px 0;}
	.list .center .content .tit h1{font-size:24px;}
	.list .center .content .tit span{font-size:14px;}
	.list .center .content .tit a{font-size:14px; width:130px; margin-top:8px;}
	.list .title{left: calc(10% - 40px); width: calc(80% + 80px);}
	.logo_wap img{height:60px;}
	.toggle{ height:100px; width:100px; line-height:100px;}
	.logo_wap992{ display: block; height:30px; padding-top:10px;}
	.drwp .product_in .content li>a{ width:calc(100%/3 - 17px); margin-right:22.5px;}
	.drwp .product_in .content li>a:nth-child(3n+0){ margin-right:0;}
	.title h1{ font-size:26px; line-height:26px;}
	.title span{ font-size:12px;}
	.drwp .tab{ display:none;}
	.drwp .tab_wap{ display:block;}
	.drwp .product_in .head{margin-top: 60px; margin-bottom:40px; padding-bottom: 20px;}
	.drwp .about_in .bot{ margin-top:55px;}
	.drwp .case_in .content li>a{ width:calc(100%/3 - 32px); margin-right:15px;}
	.drwp .case_in .content li>a .img{ height:auto;}
	.drwp .case_in .content li>a .img img{ width:100%;}
	.drwp .case_in .content li>a:nth-child(3n+0){ margin-right:0;}
	.drwp .case_in .head {
	margin-bottom: 40px;
    padding-bottom: 20px;
	} 
	.sidenav-menu .material-icons { color: #124098;  font-size: 28px;}
	.drwp .news_in .content li{ width:calc(100%/3 - 48px); margin-right:72px;}
	.drwp .news_in .content li:nth-child(3n+0){ margin-right:0;}
	.drwp .news_in .content li img{min-height: 205px;}  
	 .drwp .news_in .head {
	padding-top:60px;
	margin-bottom: 40px;
    padding-bottom: 30px;
	} 
	
	/*内页 */
	.list .center .content li{ width:calc(100%/3 - 17px); margin-right:22.5px;}

	.list .center .content li .img img{ width:100%;}
	.list .center .content li:nth-child(3n+0){ margin-right:0;}
	.case .center .content li{ width:calc(100%/3 - 36px); margin-right:20px;}
	
}


@media screen and (max-width: 1199px) {
	.p_pro .bot .left{ width:100%; float:none;}
	.p_pro .bot .right{ width:100%; float:none; margin-top:40px;}
	.news .center .content li .txt{
		padding:15px 0 0!important;}
	.nav_xian{ display:none;}
	.nei_nav{ display:none;}
	.time_right { display:none;}
	#fullpage .section:nth-child(2){ display:none;}
	#fullpage .section .sw2{ display:block;}

	::-webkit-scrollbar-track-piece {  /*滚动条里面轨道*/
    background-color:#f5f5f5;  
    border-left:1px solid #d2d2d2;  
	}  
	::-webkit-scrollbar {  /*滚动条整体样式*/
		width:0;   /*高宽分别对应横竖滚动条的尺寸*/
		height:0;  
	}  
	::-webkit-scrollbar-thumb {  /*滚动条里面小方块*/
		background-color:#c2c2c2;  
		background-clip:padding-box;  
		border:1px solid #979797;  
	}  
	::-webkit-scrollbar-thumb:hover {  
		border:1px solid #636363;  
		background-color:#929292;  
	}  
	.hide{display:block;}
	.header {background-color: #fff;}
	.header .top{ background:none;}
	.p_pro .tit .right {
	display:none!important;
}
.p_pro .tit .right2 {
	display:block!important;
    float: right;
    margin-top: 24px;
}
	.color .logo1{ display:none!important;}
	.color .logo_b{ display:none!important;}
	.color .top .right_b{ display:none!important;}
	.color .top .right{ display:none!important;}
	.logo1{ display: none!important;}
	.logo_wap{ display: block; margin:0 auto; text-align:center;}
	.header .top .right{ display:none;}
	.header .top .phone{ display:block;}
	.sidenav{ display:block;}
	#nav{ display:none;}
	.toggle { display: block;}
	.sw2{ display:block;}
	.sw1{ display:none;}
	.center{ width:80%;}
	.drwp .about_in .center{ width:80%;}
	
	.drwp .title{ margin-bottom:10px;}
	.footer .top .text{ padding-bottom:20px;}
	.footer .top{ margin-bottom:40px;}
	.drwp .about_in .p{ margin-bottom:40px;}
	
	.drwp .about_in .bg .bg-list{ margin-left:50px;}
	.drwp .about_in .bg .bg-list:nth-child(3){ margin-left:112px;}
	
	.more{ margin:0 auto 40px;}
	.drwp .news_in{ background:none; background-color:#f7f7f7;}
	.drwp .product_in .content li .txt{ padding: 15px 5px;}
	.pro .center .content li .txt{ padding: 15px 5px;}
	.drwp .case_in .content li .txt{ padding:15px 5px; height:auto;}
	.list .center .content li .txt{ padding:15px 5px;}
	.case .center .content li .txt {
    padding: 15px 5px;
    height: auto;
}
.case .center .content li .txt span{ margin-bottom:20px;}
	.drwp .case_in .content li .txt span{ margin-bottom:20px;}
	/*内页 */
	.list .title{
		display:block;
		}
	.list .tab{ display:none;}
	.list .tab_wap{ display:block;}
	.list .title li{ float:none;}
	.list .title li a{ padding:0;}
	.list .title .box1 li:nth-child(2) a{ padding-top:20px;}
	.list .title .box1{ padding-top:20px;}
	.list_p .tab{ display:none;}
	.list_p .tab_wap{ display:block;}
	.list_p .title li{ float:none;}
	.list_p .title li a{ padding:0;}
	.list_p .title .box1 li:nth-child(2) a{ padding-top:20px;}
	.list_p .title .box1{ padding-top:20px;}
	.list_p .title .left{ margin:0;}
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:2%; opacity: 0.5;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:2%; opacity: 0.5;left:auto;}
	
}

          
/* 台式电脑,笔记本  */
@media screen and (min-width: 1200px) { 
	.sidenav{ display:none;}
	#nav{ display:block;}
	.toggle{ display:none;}
	.sidenav-overlay{ display:none; opacity:0;}
	.logo_wap{ display: none;}
	.logo_wap992{ display: none;}
	.sw2{ display:none;}
	.sw1{ display:block;}
	
}
@media screen and (min-width: 1200px) and (max-width: 1499px){ 
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:6%;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:6%;}
	#nav{margin-left: 2%;}
}
@media screen and (min-width: 1500px) and (max-width: 1919px){ 
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:15%;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:15%;}
	#nav{margin-left: 10%;}
	
}
@media screen and (min-width: 1200px) and (max-width: 1919px){ 
	.navcenter{ width:92%; min-width:1100px;}	
	.center{ width:95%; max-width:1100px;}
	.drwp .about_in .center{ width:calc(64% - 80px); min-width:1020px;}
	#nav{ margin-top:0;}
	.modal-content iframe{ border:none; height:550px!important;}
	.show1 iframe{ border:none; height:550px!important;}
}

@media screen and (min-width: 1920px) { 
	.center{ width:64%; max-width:1200px;}
	.navcenter{ width:95%; max-width:1820px;}
}
@media screen and (max-width: 1919px) { 
	.header .top .right{ width:10%;}
	.header .top .right_b{ width:10%;}
	.top .logo_b{ width:18%;}
	.top .logo1{ width:18%;}
}

@media screen and (max-width: 1020px){
	.slideBox .hd{ display:none;}
	}
/*
@media screen and (max-width: 399px){
	.slideBox .bd ul{min-height:150px!important; height: auto!important;}
	}
@media screen and (min-width: 400px) and (max-width: 499px){
	.slideBox .bd ul{min-height:200px!important; height: auto!important;}
	}
@media screen and (min-width: 500px) and (max-width: 599px){
	.slideBox .bd ul{min-height:250px!important; height: auto!important;}
	}
@media screen and (min-width: 600px) and (max-width: 699px){
	.slideBox .bd ul{min-height:290px!important; height: auto!important;}
	}
@media screen and (min-width: 700px) and (max-width: 799px){
	.slideBox .bd ul{min-height:330px!important; height: auto!important;}
	}
@media screen and (min-width: 800px) and (max-width: 899px){
	.slideBox .bd ul{min-height:370px!important; height: auto!important;}
	}
@media screen and (min-width: 900px) and (max-width: 999px){
	.slideBox .bd ul{min-height:410px!important; height: auto!important;}
	}
@media screen and (min-width: 1000px) and (max-width: 1099px){
	.slideBox .bd ul{min-height:460px!important; height: auto!important;}
	}
@media screen and (min-width: 1100px) and (max-width: 1199px){
	.slideBox .bd ul{min-height:500px!important; height: auto!important;}
	}
@media screen and (min-width: 1200px) and (max-width: 1299px){
	.slideBox .bd ul{min-height:540px!important; height: auto!important;}
	}
@media screen and (min-width: 1300px) and (max-width: 1399px){
	.slideBox .bd ul{min-height:580px!important; height: auto!important;}
	}
@media screen and (min-width: 1400px) and (max-width: 1499px){
	.slideBox .bd ul{min-height:620px!important; height: auto!important;}
	}
@media screen and (min-width: 1500px) and (max-width: 1599px){
	.slideBox .bd ul{min-height:660px!important; height: auto!important;}
	}
@media screen and (min-width: 1600px) and (max-width: 1649px){
	.slideBox .bd ul{min-height:700px!important; height: auto!important;}
	}
@media screen and (min-width: 1650px) and (max-width: 1800px){
	.slideBox .bd ul{min-height:750px!important; height: auto!important;}
	}
*/